/* 去掉默认效果 */
*{
    margin: 0;
    padding: 0;
}
body{
    /* background: #222; */
    /* overflow: hidden; */
    /* 取消选中 */
    /* user-select: none;   */
}
.perspective{
    /*子元素透视 场景深度*/
    perspective: 800px;
    width: 800px;
    height: 800px;
    margin: 50px auto;
}
.box3D{
    width: 100%;
    height: 570px;
    background: #222;
    margin-top: 0;
}
.wrap{
    /* 3d */
    width: 135px;
    height: 240px;
    margin: 100px auto;
    position: relative;
    /* border: 1px solid red; */
    transform: rotateX(-20deg) rotateY(0deg);
    transform-style: preserve-3d;
}
/* 
.wrap img{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotateY(0deg) translateZ(0px);
    background: transparent;
    box-shadow: 0 0 4px #fff;
    border-radius: 5px; */

/* 照片底座 */
.wrap p{
    width: 1200px;
    height: 1200px;
    background: -webkit-radial-gradient(center center,600px 600px, rgba(122,122,122,.5), rgba(0,0,0,0));
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 100%;
    margin-left: -600px;
    margin-top:-600px;
    /* 沿着x轴按倒 */
    transform: rotateX(90deg);

}
.myself{
    width: 800px;
    /* height: 600px; */
    margin: 300px auto 100px auto;
    text-align: left;
    font-family: '楷体';
    font-size: 20px;
    /* color: whitesmoke; */
}
.myself a{
    text-decoration: none;
}
.myself .item{
    width: 100%;
    height: 100%;
    margin: 20px auto;
}
.item text{
    text-align: center;
}
table{
    border-collapse: collapse;
    font-size: 25px;
    text-align: left;
}
table video{
    width: 100%;
}
.item table{
    width: 100%;
}
table td{
    box-sizing: border-box;
    width: 100px;
    height: 50px;
    text-align: left;
    padding:0;
}
.headimg{
    width: 200px;
    height: 150px;
}
.headimg img{
    width: 150px;

}
.headtable{
    width: 100%;
    /* margin: 20px 100px 20px 100px; */
}

.project td{
    width: 300px;
    height: 50px;
}